/* Styles for custom selects */
.done select{
	height:1px;
	width:1px;
	border:none;
	background:none;
	padding:0;
	margin:0;
    position: relative;
    left:-2px;
    z-index: -10;
	outline:none;
	}
.select-list{
	position:absolute;
	left:0
	}
.custom-select{
	z-index:1
	}
.custom-select *{
	-webkit-user-select:none;
	-khtml-user-select: none;
	-moz-user-select: 	none;
	-ms-user-select: 	none;
	-o-user-select: 	none;
	user-select: 		none;
	}
.open_list{
	z-index:			10
	}
.custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none
	}
.custom-select,
.custom-select ul{
	position:			relative;
	top:				0;
	left:				0
	}
.custom-select .custom-text{
	cursor:				pointer;
	display:			inline-block;
	}
.custom-select li{
	background: none repeat scroll 0 0 #fff;
    color: #000;
    cursor: pointer;
    font: 15px/35px 'dinmittelschrift';
	padding: 0 10px;
	border-bottom:1px solid #D7AAEE;
	font:12px/30px 'dinmittelschrift';
}
.select-scroll{
	position:			absolute;
	right:				2px;
	top:				2px;
	z-index:			2
	}
.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				1px;
	cursor:				pointer
	}
.disable *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select .custom-text{
	height:				35px;
	padding:			0 0 0 10px;
	line-height:		35px;
	color:				#000;
	padding-right: 25px;
	font: 18px/35px 'DINMittelschrift';
	background: url('../../images/down-arrow.png') no-repeat 180px center #ececec;
	white-space: nowrap;
}

.select-list li:hover{
	background: none repeat scroll 0 0 #A710DB;
	color:#fff;
}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background-color:	#73b0e2;
	width:				12px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.scroll-drag{
	top:				0;
	width:				10px;
	background-color:	#14609e;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.maxlength .scroll-drag:after{
	display:			block;
	content:			'≡';
	font-size:			14px;
	position:			relative;
	left:				50%;
	top:				50%;
	margin:				-14px 0 0 -4px
	}
.custom-select .hover{
	color:				#FFF
	}
.disable{
    opacity:            0.5 !important;
    }
